    <nav aria-label="breadcrumb" class="d-none d-md-block d-print-none">
            <div class="breadcrumb spb-1" style="display: flex; justify-content: space-around">
                        <ol class="breadcrumb spb-1" >
                                {% assign crumbs = page.url | append: "/"  | replace: '//', '/' | split: '/' %}
                                {% for crumb in crumbs offset: 1 %}
                                        {% if crumb != "index" %}
                                                    {% if forloop.last %}
                                                            <li >
                                                                    <a href="{{ site.url }}{{ site.baseurl }}{{ page.url }}">{{ page.title }}</a>
                                                            </li>
                                                    {% else %}
                                                            {% if page.url != "/docs/" %}
                                                                    <li>
                                                                            <a href="{{ site.url }}{{ site.baseurl }}{% assign crumb_limit = forloop.index | plus: 1 %}
                                                                                {% for crumb in crumbs limit: crumb_limit %}{{ crumb | append: '/' }}{% endfor %}">
                                                                                {% if crumb == "docs" %}Documentation{% else %}{{ crumb | replace:'-',' ' | remove:'.html' | capitalize }}{% endif %}
                                                                            </a>
                                                                    </li>
                                                            {% endif %}

                                                    {% endif %}

                                        {% endif %}
                                 {% endfor %}
                            <!--comment out this block if you want to hide search-->



                        </ol>
                          <!--start search-->
                        <li>
                            <input type="text" id="search-input" placeholder="{{site.data.strings.search_placeholder_text}}">
                            <ul id="results-container"></ul>
                            <script src="{{ "js/jekyll-search.js"}}" type="text/javascript"></script>
                            <script type="text/javascript">
                                    SimpleJekyllSearch.init
                                    ({
                                        searchInput: document.getElementById('search-input'),
                                        resultsContainer: document.getElementById('results-container'),
                                        dataSource: '{{ "search.json" }}',
                                        searchResultTemplate: '<li><a href="{url}" title="{{page.title | escape }}">{title}</a></li>',
                                            noResultsText: '{{site.data.strings.search_no_results_text}}',
                                            limit: 10,
                                            fuzzy: true,
                                    })
                            </script>
                            <!--end search-->
                        </li>
            </div>
    </nav>
